<!DOCTYPE HTML>
<html lang="">
<head>
    <meta charset="UTF-8">
    <title>zplaying</title>
    <!--#include file="./mod/assets.vm"-->
    <link type="text/css" rel="stylesheet" href="./assets/css/detail.css" />
</head>
<body>
    <!--#include virtual="./mod/head.vm"-->
        <div class="topinfo">
            <div class="info">
                <img class="pic" src="http://placehold.it/74x74" alt="">
                <a class="name" href="#">猩猩</a>
                <div class="wan">
                    <a href="#" class="active">在玩</a>
                    <span class="border"></span>
                    <a href="#" >想玩</a>
                </div>
            </div>
        </div>
        <div class="detail">
            <div class="left float">
                test
            </div>
            <div class="right float">
                <div class="top">
                    <a href="#" class="order">按时间倒排序</a>
                </div>
                <div class="comment">
                    <ul class="list">
                        <li>
                            <img class="pic" src="http://placehold.it/30x30/ccc" alt="" />
                            <p class="text">
                                <a href="#">Eddy</a>:回复<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版。//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版 //<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版
                                <img src="http://placehold.it/16x16/999" />
                                <span class="date">(2012年3月3日 14:22)</span>
                                <span class="tags" style="background: #ff3300;"></span>
                            </p>
                            <div class="tools">
                                <a href="#" class="reply">回复</a>
                            </div>
                        </li>
                        <li>
                            <img class="pic" src="http://placehold.it/30x30/ccc" alt="" />
                            <p class="text">
                                <a href="#">Eddy</a>:回复<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版。//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版 //<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版
                                <img src="http://placehold.it/16x16/999" />
                                <span class="date">(2012年3月3日 14:22)</span>
                                <span class="tags" style="background: #ff3300;"></span>
                            </p>
                            <div class="tools">
                                <a href="#" class="reply">回复</a>
                            </div>
                        </li>
                        <li>
                            <img class="pic" src="http://placehold.it/30x30/ccc" alt="" />
                            <p class="text">
                                <a href="#">Eddy</a>:回复<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版。//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版 //<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版
                                <img src="http://placehold.it/16x16/999" />
                                <span class="date">(2012年3月3日 14:22)</span>
                                <span class="tags" style="background: #ff3300;"></span>
                            </p>
                            <div class="tools">
                                <a href="#" class="reply">回复</a>
                            </div>
                        </li>
                        <li>
                            <img class="pic" src="http://placehold.it/30x30/ccc" alt="" />
                            <p class="text">
                                <a href="#">Eddy</a>:回复<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版。//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版//<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版 //<a href="#">@嘟嘟鱼</a>:明明越狱了我还是买了正版
                                <img src="http://placehold.it/16x16/999" />
                                <span class="date">(2012年3月3日 14:22)</span>
                                <span class="tags" style="background: #ff3300;"></span>
                            </p>
                            <div class="tools">
                                <a href="#" class="reply">回复</a>
                            </div>
                        </li>
                    </ul>
                    <div class="reply">
                        <form action="#">
                            <textarea></textarea>
                            <div class="tools">
                                <a href="#" class="uploadimg">图片</a>
                                <button class="submit" type="submit">提交</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="relation">
            <h3 class="h">
                相关
            </h3>
            <ul class="item">
                <li>
                    <img src="http://placehold.it/200x200/09f" alt="">
                    <div class="opacity"></div>
                    <div class="bar">
                        <a class="title" href="#">啊啊啊啊啊</a>
                        <div class="wan">
                            <a class="r" href="">在玩</a>
                            <a href="">想玩</a>
                        </div>
                    </div>
                <li>
                    <img src="http://placehold.it/200x200/09f" alt="">
                    <div class="opacity"></div>
                    <div class="bar">
                        <a class="title" href="#">啊啊啊啊啊</a>
                        <div class="wan">
                            <a class="r" href="">在玩</a>
                            <a href="">想玩</a>
                        </div>
                    </div>
                <li>
                    <img src="http://placehold.it/200x200/09f" alt="">
                    <div class="opacity"></div>
                    <div class="bar">
                        <a class="title" href="#">啊啊啊啊啊</a>
                        <div class="wan">
                            <a class="r" href="">在玩</a>
                            <a href="">想玩</a>
                        </div>
                    </div>
                <li>
                    <img src="http://placehold.it/200x200/09f" alt="">
                    <div class="opacity"></div>
                    <div class="bar">
                        <a class="title" href="#">啊啊啊啊啊</a>
                        <div class="wan">
                            <a class="r" href="">在玩</a>
                            <a href="">想玩</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
</body>
</html>